<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="js/angular.js"></script>
</head>
<style>
    .cc{
        display: none;
    }
    .myColor{
        background: red;
        background: plum;
    }
    .myBoder{
       background: palevioletred;
    }
  
</style>
<body ng-app='appncc'>
    <div ng-controller='maincc' style="background: palevioletred;">

      <h2 style="text-align: center;">发表评论</h2><span  ng-class="['myPad',false?'myBoder':'myColor']">剩余字数:{{getCount()}}{{my}}</span>
   <div>
       用户:<input type="text" name="user" ng-model='newName' style="margin-bottom:12px"  ng-focus='f()'>{{msg}}</br>
       <textarea rows="4" cols="80" ng-model='newContent' style="width:99%;"></textarea><br>
       <button ng-click='add()' style="margin-left:70%;">添加评论</button>
   </div>
    <h2>评论列表</h2> 
    <div ng-repeat='item in list' style='width:60%'>
  <input style="float:left" type="checkbox" ng-model='item.flag'>
<span style="float: left;" type='checkbox'>{{item.name}}</span><br/>
<span style="float: left;" type='checkbox'>{{item.time}}</span><br/>
<p>{{item.content}}<span style="float:right;"></span></p> 
<hr>    

    </div>

    <button ng-click='all()'>全选</button>
    <button ng-click='fan()'>反选</button>
    <button ng-click='del()'>删除选中项</button>
    </div>
    <script src="js/hy.js"></script>
</body>
</html>